<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>模板</title>
		<link rel="stylesheet" type="text/css" href="css/views.css" />
		<link rel="stylesheet" type="text/css" href="css/foods.css" />
	</head>
	<body>
		<!--  -->
		<header>
			<img src="img/ban03.jpg">
		</header>
		<!--  -->
		<div class="main_body">
			<div class="nav">
				<a href="index.html" class="item"><span class="item_t iconfont2">&#xe620;<p>主页</p></span>
				</a><a href="views_scenery.html" class="item"><span class="item_t iconfont">&#xe646;<p>住宿</p></span>
				</a><a href="views_foods.html" class="item"><span class="item_t iconfont">&#xe60c;<p>美食</p></span>
				</a><a href="views_write.html" class="item"><span class="item_t iconfont">&#xe652;<p>游记</p></span>
				</a>
			</div>
			<div style="width: 100%;height: 30px;">

			</div>
<!-- 			<div class="left_cont">
				<div class="item">

				</div>
			</div> -->
			<div class="right_cont">
				<div class="item">
					<ul>
						<li>
							<div class="bg_item" style="background-image: url(img/food02.jpg);"></div>
							<div class="text">黑暗料理</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food08.jpg);"></div>
							<div class="text">山珍海味</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food07.png);"></div>
							<div class="text">山经食谱</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food01.jpg);"></div>
							<div class="text">海经食谱</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food06.jpg);"></div>
							<div class="text">五毒药膳</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food03.jpg);"></div>
							<div class="text">仙家五谷</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food04.jpg);"></div>
							<div class="text">凡间饭菜</div>
						</li>
						<li>
							<div class="bg_item" style="background-image: url(img/food05.jpg);"></div>
							<div class="text">纯属虚构</div>
						</li>
					</ul>

					<div class="item_long">
						<img src="img/food02.jpg">
						<div class="text">
							<h2>黑暗料理</h2>
							<p class="iconfont2">评价：&#xe82a; &#xe82a; &#xe82a; &#xe82a;</p>
							<p>味道独特</p>
							<p>及时就医还有救</p>
						</div>
					</div>
					<div class="item_long">
						<img src="img/food03.jpg">
						<div class="text">
							<h2>黑暗料理</h2>
							<p class="iconfont2">评价：&#xe82a; &#xe82a; &#xe82a;</p>
							<p>味道独特</p>
							<p>及时就医还有救</p>
						</div>
					</div>
					<div class="item_long">
						<img src="img/food04.jpg">
						<div class="text">
							<h2>黑暗料理</h2>
							<p class="iconfont2">评价：&#xe82a; &#xe82a; &#xe82a; &#xe82a;</p>
							<p>味道独特</p>
							<p>及时就医还有救</p>
						</div>
					</div>
					<div class="item_long">
						<img src="img/food05.jpg">
						<div class="text">
							<h2>黑暗料理</h2>
							<p class="iconfont2">评价：&#xe82a; &#xe82a;</p>
							<p>味道独特</p>
							<p>及时就医还有救</p>
						</div>
					</div>


				</div>
			</div>

		</div>
		<!--  -->
		<footer>

		</footer>
	</body>
</html>
